<script setup lang="ts">
import { onBeforeMount, onBeforeUnmount, onMounted, onUnmounted } from 'vue';
import LifeChild from './LifeChild.vue';

console.log("parent setup")

onBeforeMount(() => {
    console.log("parent onBeforeMount")
})

onMounted(() => {
    console.log("parent onMounted")
})

onBeforeUnmount(() => {
    console.log("parent onBeforeUnmount")
})

onUnmounted(() => {
    console.log("parent onUnmounted")
})
</script>
<template>
    <div>LifeParent</div>
    <LifeChild />
</template>